home *** CD-ROM | disk | FTP | other *** search
/ Practical Internet Web Designer 89 / PIWD89.iso / pc / CONTENTS / BONUS / FULL / wikiwriter / setup-ww2x.exe / {app} / help / tutor08.db < prev    next >
Text File  |  2002-09-25  |  3KB  |  64 lines
  1. @@title WikiWriter Tutorial: Modify text with SPAN
  2. .nav WikiWriter Tutorial: ((tutor07|Prev)) | ((tutor00|Up)) | ((tutor09|Next))
  3. .end
  4. == Modify text with SPAN
  5.  
  6. A [[b SPAN]] is an HTML element used for marking sections of text within a paragraph -- a word or phrase. You can apply specific styles to specific SPANs to highlight text, change fonts for trademarks, change colors for emphasis, and so on.
  7.  
  8. [[b WikiWriter]] uses double brackets for applying a SPAN style for inline text formatting. The first word in the brackets is the style name listed in the CSS file. The style gets applyed to the rest of the words in the brackets.
  9.  
  10. For instance, "b" for bold, "i" for italics, and "rev" for reverse are in the default CSS file.
  11.  
  12. Let me repeat that:
  13.  
  14. For instance, [[b "b" for bold]], [[i "i" for italics]], and [[rev "rev" for reverse]] are in the default CSS file.
  15.  
  16. To get the formatting for the above paragraph, I used this markup:
  17. <pre>
  18. For instance, [[b "b" for bold]], [[i "i" for italics]],
  19. and [[rev "rev" for reverse]] are in the default CSS file.
  20. </pre>
  21.  
  22. You can nest spans if the nesting is logical, but you have to keep track of the brackets:
  23. <pre>
  24. This would be [[b [[i [[rev bold italic reversed]]]]]].
  25. </pre>
  26. This would be [[b [[i [[rev bold italic reversed]]]]]].
  27.  
  28. Available SPAN styles are listed at the end of the [[b iwiki.css]] CSS file. You could add new SPAN styles with names like "product", or "footnote", or "shirley", if you like.
  29.  
  30. Try it on your much-abused [[b Second Page]].
  31.  
  32. On the first list item, add " - a good place to start":
  33. <pre>
  34. # Link back to ((Home)). - a good place to start
  35. </pre>
  36.  
  37. Now insert [[b and a space before your new phrase:
  38. <pre>
  39. # Link back to ((Home)). - [[b a good place to start
  40. </pre>
  41.  
  42. ... and ]] after it:
  43. <pre>
  44. # Link back to ((Home)). - [[b a good place to start]]
  45. </pre>
  46.  
  47. You get: Link back to ((Home)). - [[b a good place to start]]
  48.  
  49. For the next list item, add " - still needs some work" and apply a "rev" SPAN to the phrase:
  50.  
  51. <pre>
  52. This link goes to the ((Third Page|next)) page. - [[rev still needs some work]]
  53. </pre>
  54.  
  55. Right now, your page looks a little like "ransom note" formatting, but this is all in a good cause:
  56. .result
  57. == My second page.
  58. # Link back to ((Home)). - [[b a good place to start]]
  59. # This link goes to the ((Third Page|next)) page. - [[rev still needs some work]]
  60. /#
  61. .end
  62. .nav WikiWriter Tutorial: ((tutor07|Prev)) | ((tutor00|Up)) | ((tutor09|Next))
  63. .end
  64.